<div class="custom-eval-box" *ngIf="tagData.data.satisfaction">
    <div class="eval-stars-box">
        <div class="inner-stars" align="center">
            <ng-container *ngFor="let star of stars">
                <img *ngIf="star" style="width: 1.31rem;height: 1.31rem;margin-right: 0.56rem;"
                    src="assets/img/icon_star_big@3x.png">
                <img *ngIf="!star" style="width: 1.31rem;height: 1.31rem;margin-right: 0.56rem;"
                    src="assets/img/icon_star_big grey@3x.png">
            </ng-container>
        </div>
    </div>
    <div class="eval-satisfy-box" align="center">
        <span class="satisfy">{{tagData.data.satisfactionInfo}}</span>
    </div>
    <div class="eval-left-box" align="left">
        <img *ngIf="tagData.data.defaultIcon" src="tagData.data.defaultIcon"
            onerror="this.src='assets/img/img_left mh@3x.png'" style="width: 1.25rem;height: 1.25rem;">
    </div>
    <div class="eval-satisfy-box" align="center">
        <span class="remark" *ngIf="tagData.data.remark">{{tagData.data.remark}}</span>
    </div>
    <div class="eval-right-box" align="right">
        <img *ngIf="tagData.data.selectdIcon" src="tagData.data.selectdIcon"
            onerror="this.src='assets/img/img_right mh@3x.png'" style="width: 1.25rem;height: 1.25rem;">
    </div>
</div>